<template>
  <div class="chat-container">
    <div class="left">
      <chat-left></chat-left>
    </div>
    <div class="right">
      <chat-right></chat-right>
    </div>
  </div>
</template>

<script setup>
import chatLeft from '@/framework/chat/left/index.vue'
import chatRight from '@/framework/chat/right/index.vue'

</script>

<style scoped>
.chat-container {
  width: 100%;
  height: 100%;
  display: flex;
}

.left,.right {
  height: 100%;
}

.left {

}

.right {
  flex: 1 auto;
}
</style>
